<template>
    <div class="description">
        <el-descriptions column="1">
            <el-descriptions-item label="用户姓名 :">{{ userInfo?.name }}</el-descriptions-item>
            <el-descriptions-item label="证件类型 :">{{ userInfo?.certificatesType == '10' ? '身份证' : '户口本'
                }}</el-descriptions-item>
            <el-descriptions-item label="证件号码 :">{{ userInfo?.certificatesNo }}</el-descriptions-item>
        </el-descriptions>
    </div>
</template>

<script setup lang="ts">

defineProps(['userInfo'])
</script>

<style scoped lang="scss">
.description {
    margin-top: 80px;
    color: #7f7f7f;
    display: flex;
    justify-content: center;

    ::v-deep .el-descriptions__cell {
        padding-bottom: 22px !important;
    }

    ::v-deep .el-descriptions__label {
        color: #999;
    }
}
</style>